
//滚动条向下滚动100px,头部导航栏背景变白
window.onscroll = function () {
    let t = document.documentElement.scrollTop || document.body.scrollTop;
    if (t >= 100) {
        $('.header').css({
            backgroundColor: "#fff"
        })
        $('.header a').css({
            color: '#777'
        })
    } else {
        $('.header').css({
            backgroundColor: "rgba(0, 0, 0, 0)"
        })
        $('.header a').css({
            color: '#fff'
        })
    }
}


// 轮播图
let arr = document.getElementById('spot').children //获取所有小圆点
let spot = [...arr] //存为数组


//初始化轮播图与小圆点
$(document).ready(function () {
    $('#imgbox .imglist:eq(0)').css({ opacity: 1 })

    $('.home .spot li:eq(0)').css({ backgroundColor: '#fff' })
    $('.home .spot li:not(:eq(0))').css({ backgroundColor: 'rgba(0,0,0,0)' })
})


let index = 1

spot.forEach(function (item, indexitem) {
    item.onclick = () => {
        index = indexitem
        swiper_switch(index)
    }
})


//定时切换图片
var time = setInterval(() => {
    swiper_switch(index)
    index++
    if (index == 3) {

        index = 0
    }
}, 3000);


//切换图片函数
function swiper_switch(index) {
    //图片
    $('#imgbox .imglist:eq(' + index + ')').css({ opacity: 1 })
    $('#imgbox .imglist:not(:eq(' + index + '))').css({ opacity: 0 })

    //小圆点
    $('.home .spot li:eq(' + index + ')').css({ backgroundColor: '#fff' })
    $('.home .spot li:not(:eq(' + index + '))').css({ backgroundColor: 'rgba(0,0,0,0)' })

}

